<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta http-equiv="x-rim-auto-match" content="none">
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/shouye/shop_detail.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back back">
				<img src="../../img/wode/icon_back@2x.png" alt="" />
			</a>
			<div class="mui-title">
				商品详情
			</div>
			<!--<a href="javascript:;" class="ss">
				<img src="../../img/wode/fenxiang.png" alt="" />
			</a>-->
		</header>
		<div class="mui-content">
			<div class="banner">
				<div id="product_img">
						<a href="javascript:void(0);">
							<img src="../../img/shouye/ban3.png" alt="" />
						</a>
				</div>

			</div>
			<div id="product_info">
				<div class="projectList1"  data-id="1" data-price="10" data-name="烤鸭">
				<p>
					<span class="mui-ellipsis">
						<a href="javascript:void(0);">烤鸭</a>
					</span>
				</p>
				<p>
					月售：<span>0</span>
				</p>
				<p>
					￥10
				</p>
			
				<p class="choose">
					<span class="sub ss"></span>
					<span class="fenshu1" id="{{PRODUCTKEY}}{{productId}}">0</span>
					<span class="add aa"></span>
				</p>
				</div>
			</div>
			<div class="main_two">
				<div class="dianpu" id="shop"> 
			    	<div class="dianpu_left">
			    		<img src="../../img/shouye/dishini.png"/>
			    	</div>
			    	<div class="dianpu_right">
			    		<p class="mui-ellipsis">烤鸭</p>
			    		<p class="mui-ellipsis">好吃的烤鸭</p>
			    	</div>
			    </div>
			</div>
			<div class="main_three">
				<div class="three_tit">
					<span></span>
					<span>商品详情</span>
				</div>
				<div class="three_txt" id="product_content">
					<p>
						content
					</p>
				</div>
			</div>		
		</div>
		<div id="bottomPopover" class="mui-popover mui-popover-bottom Q">
			<p id="buy_car_shopname">
				<script type="text/html" id="buy_car_shopname_templete">{{shopName}}<span id="clear_buy_car"><img src="../../img/shouye/qingkong.png"/>清空购物车</span></script></p>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view UL" id="buy_car_info">
						
					</ul>
					<script type="text/html" id="buy_car_info_templete">
						{{each keys value i}}
							<li class="mui-table-view-cell LI" data-id="{{data[value].productId}}" data-price="{{data[value].price}}" data-name="{{data[value].name}}">
								<p class="mui-ellipsis">
									{{data[value].name}}
								</p>
								<p>
									￥{{data[value].price}}
								</p>
								<p class="choose1">
									<span class="sub1 ss"></span>
									<span class="fenshu1" >{{data[value].quantity}}</span>
									<span class="add1 aa"></span>
								</p>
							</li>
						{{/each}}	
					</script>

				</div>
			</div>

		</div>

		<nav class="mui-bar mui-bar-tab">
			<p class="nav">
				<a href="#bottomPopover">
					<img src="../../img/shouye/gwc.png" alt="" id="end" />
					<span class="fenshu"></span>
				</a>
				<span class="sum">¥0</span>
					<span class="sum1">
			   		<b id="total_money">￥0.00</b>
			   		<!--<b class="mui-ellipsis">另需配送费￥3.00，餐盒费￥2.00</b>-->
			   	</span>
			</p>
			<p class="submit_order" id="submit">
				去结算
			</p>
			<div></div>
		</nav>
	</body>
	
	
	
	<script src="../../js/mui.min.js"></script>
	<!-- <script src="../../js/mui.picker.min.js"></script> -->
	<script src="../../js/jquery-1.7.2.js"></script>
	<script src="../../js/template-web.js"></script>
	<script src="../../js/common.js"></script>
	<script src="../../js/map.js" ></script>
	<script src="../../js/shouye/shop_detail.js"></script>
    <script src="../../js/shouye/buy_car.js" ></script>
	<script type="text/javascript">
		mui.init({
			swipeBack: false
		});
		(function($) {
			$('.mui-scroll-wrapper').scroll({
				indicators: true //是否显示滚动条
			});

			var item2 = document.getElementById('item2mobile');
			var item3 = document.getElementById('item3mobile');
			var item4 = document.getElementById('item4mobile');
			var sliderSegmentedControl = document.getElementById('sliderSegmentedControl');
			$('.mui-input-group').on('change', 'input', function() {
				if(this.checked) {
					sliderSegmentedControl.className = 'mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-' + this.value;
					//force repaint
					sliderProgressBar.setAttribute('style', sliderProgressBar.getAttribute('style'));
				}
			});
		})(mui);
	</script>
	<script>
	</script>

</html>